<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:72:"E:\wamp\wamp\www\serv108\public/../application/index\view\index\net.html";i:1553582914;}*/ ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="full-screen" content="yes" />
	    <meta name="x5-fullscreen" content="true" />
	    <meta name="browsermode" content="application" />
	    <meta name="x5-page-mode" content="app" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
       <!--css-->
       <link rel="stylesheet" href="/serv108/public/static/assetsindex/css/common.css" />
        <link rel="stylesheet" href="/serv108/public/static/assetsindex/css/wangluobaoxiu.css" />
        <link rel="stylesheet" href="/serv108/public/static/assetsindex/font/iconfont.css">
        <script>
        	// 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。
			// 获取html节点
			var html = document.getElementsByTagName('html')[0];
			// 获取屏幕宽度
			var pageWidth=document.documentElement.clientWidth;
			//alert(pageWidth);
			// 屏幕宽度 / 固定数值 = 基准值 1rem=25px
			html.style.fontSize = pageWidth /15 + "px";
        </script>
		<title>网络报修</title>
	</head>
	<body>
		<div id="head">
			<a href="index.html">
				<i class="iconfont icon-back"></i>
			</a>
		</div>
		<div id="biao">
			<img src="/serv108/public/static/assetsindex/imgs/796721442162108608.png">
		</div>
		
		<div id="first">
			<div id="top1">
				<img src="/serv108/public/static/assetsindex/imgs/265022447802362278.png">
				<!-- <p>信息填写</p> -->
			</div>
			<form action="<?php echo url('addinfo'); ?>" method="post" enctype="multipart/form-data">
			<ul>
			<input type="hidden" name="rid" value="2">
				<li>
					<span><span style="color:red">*</span>姓名：</span>
					<input type="text" name="name"  required/>
				</li>
				<li>
					<span><span style="color:red">*</span>邮箱：</span>
					<input type="email" name="mail"  required/>
				</li>
				<li>
					<span><span style="color:red">*</span>手机号：</span>
					<input type="tel" name="tele"  required/>
				</li>
				<!-- <li style="width: 80%;">

					<span>身份选择：</span>
					<span><select name="identity" name="identity" style="width: 6rem;">	
										<option value="在校生">在校生</option>
										<option value="毕业生">毕业生</option>
										<option value="教师">教师</option>
										<option value="家长">家长</option>
										<option value="其他">其他</option>
									</select></span>
				</li> -->

				<li style="width: 100%;">
					<span>所在区域：</span>
					
					<!-- <input type="radio" name="" value="二期" checked>二期
					<input type="radio" name="" value="三期">三期 -->
					
					<select name="area" id="area" style="width: 3rem;" required>	
										<option value="">期号</option>
										<option value="二期">二期</option>
						                <option value="三期">三期</option>  
									</select>

						<select name="building" id="building" style="width: 3rem;" required>	
										<option value="0">楼号</option>  
									</select>
				</li>
				
				<!-- <li>
					<text name="dortext" placeholder="填写自己寝室号" id="" cols="30" rows="10"></text>
				</li> -->
				<li style="width: 90%;">
					<span><span style="color:red">*</span>寝室号：<span style="color:red;font-size: 0.5rem">形如7C535、D201</span></span>
					<input type="text" name="dortext" id="dortext" maxlength=7 required style="text-transform:uppercase;"/>
				</li>
								<li>
				<span style="width: 23%; display: inline-block; text-align: left;"><span style="color:red">*</span>预约维修时间：</span>
					<input type="text" name="domtime" required/>
				</li>
				<br>
		</ul>
		</div>
		
		<div id="second">
			<div id="top2">
				<img src="/serv108/public/static/assetsindex/imgs/265022447802362278.png">
				<p>详情描述：</p>
			</div>
			<textarea name="content" placeholder="请填写报修的详细情况"></textarea>
			<!-- div class="z_photo">
						<div class="z_file">
					
							<input type="file" name="thumb0" id="filed" value="" accept="image/*" multiple onchange="imgChange('z_photo','z_file');" 
							 />
						</div>
					</div> -->

			<!-- <label for="filed"><span class="iconfont icon-tianjiatupian" id="tj"></span></label> -->
      		<!-- <input id="filed" type="file"  accept="image/*" style="display: none;"/> -->
<div id="aaa" style="margin-top: 3rem;margin-left: 1rem">
			<input type="file" class="text"  name="pic[]" id="fiv" style="float: left; width: 4rem" >
			<input type="file" class="text"  name="pic[]" id="fiv" style="display: inline-block; float: left;width: 4rem">
			<input type="file" class="text"  name="pic[]" id="fiv" style="float: left; width: 4rem">
			<img src="" class="xianshi" name="pic" id="xianshi" alt="">
			
			<div id="close"></div>
			</div>
		</div>
		
		<button type="submit">提交</button>
	</form>	
	<div id="bottom">
		<span>如有疑问，请联系网络与信息中心，联系电话：0411-84835119</span>
		<span>网络维修咨询QQ群：397060683</span>
	</div>		
		
		<script src="/serv108/public/static/assetsindex/js/jquery-3.3.1.min.js"></script>
		<script>
		function verify(){
			var dortext=documeng.getElementById("dortext").value;

		}
$(function(){
	$("#area").change(function(){
      	//alert($('#area').val());
		$.ajax({
			type:'post',
			url:"<?php echo url('index/show'); ?>",
			data:{"area":$('#area').val()},
			//dataType:"json",
			success:function(data){
				//alert(data);
				$('#building').html(data);
			}
		});
	});
	});

			$(function(){
		 //在input file内容改变的时候触发事件
    $('#filed').change(function(){
    	$('#close').append("<a href='javascript:;' class='close'>×</a>");
    //获取input file的files文件数组;
    //$('#filed')获取的是jQuery对象，.get(0)转为原生对象;
    //这边默认只能选一个，但是存放形式仍然是数组，所以取第一个元素使用[0];
      var file = $('#filed').get(0).files[0];
    //创建用来读取此文件的对象
      var reader = new FileReader();
    //使用该对象读取file文件
      reader.readAsDataURL(file);
    //读取文件成功后执行的方法函数
      reader.onload=function(e){
    //读取成功后返回的一个参数e，整个的一个进度事件
        console.log(e);
    //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
    //的base64编码格式的地址
        $('#xianshi').get(0).src = e.target.result;
        //$('#name').get(0).innerHTML=e.target.result;
     }
    })
    $('#close').click(function(){
    	 $('#xianshi').get(0).src ='';
    	 $('#close').hide();
    })
//  $('#fb').click(function(){
//  	alert('发布成功');
//  	location.href="st.html";
//  })
	})


		</script>
	</body>
</html>